<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>院系设置 - 西南科技大学城市学院</title>
    <link rel="icon" href="images/common/favicon.png" type="image/x-icon">
    <link rel="stylesheet" href="styles/reset.css">
    <link rel="stylesheet" href="styles/common_out.css">
    <link rel="stylesheet" href="styles/cc_focus.css">
</head>
<body>
<!-- 顶部横条 -->
<div class="topBar"></div>
<!-- 页头 -->
<header>
    <div class="container">
        <a href="index.html" class="left">
            <img src="images/common/favicon.png" alt="">
            <img src="images/common/logos.png" alt="">
        </a>
        <!-- 导航栏 -->
        <nav class="right">
            <a href="index.html">西城主页</a>
            <a href="cc_focus.html">西城聚焦</a>
            <a href="cc_profile.html">学校概况</a>
            <a href="cc_research.html">教学科研</a>
            <a href="http://zs.ccswust.edu.cn/">招生就业</a>
        </nav>
    </div>
</header>
<!-- banner横幅 -->
<div class="banner">
    <img src="images/common/banner_04.png" alt="">
    <div class="container" style="height: 380px;">
        <p style="margin-top: 100px;">院系设置</p>
    </div>
</div>
<!-- 内容 -->
<main class="depart cf">
    <div class="container">
        <ul>
            <li>
                <img src="images/focus/title_bg.jpg" alt="">
                <h2><a href="#"><span>❄</span> 信息与控制工程学院</a></h2>
                <dl>
                    <dt>
                        <a href="#">产品设计</a>
                        <a href="#">计算机科学与技术</a>
                        <a href="#">电子信息工程</a>
                        <a href="#">建筑电气与智能化</a>
                        <a href="#">汽车电子技术</a>
                        <a href="#">机电一体化技术</a>
                        <a href="#">大数据技术与应用</a>
                        <a href="#">家政服务与管理</a>
                    </dt>
                    <dt>
                        <a href="#">能源与环境系统工程</a>
                        <a href="#">数字媒体技术</a>
                        <a href="#">自动化</a>
                        <a href="#">建筑电气与智能化</a>
                        <a href="#">建筑设备工程技术</a>
                        <a href="#">机械制造与自动化</a>
                        <a href="#">电气工程及其自动化</a>
                        <a href="#">心理咨询</a>
                    </dt>
                </dl>
            </li>
            <li>
                <img src="images/focus/title_bg.jpg" alt="">
                <h2><a href="#"><span>❄</span> 经济管理学院</a></h2>
                <dl>
                    <dt>
                        <a href="#">金融工程</a>
                        <a href="#">工商管理</a>
                        <a href="#">物流工程</a>
                        <a href="#">金融管理</a>
                    </dt>
                    <dt>
                        <a href="#">资产评估</a>
                        <a href="#">财务管理</a>
                        <a href="#">物流管理</a>
                        <a href="#">会计</a>
                    </dt>
                </dl>
            </li>
            <li>
                <img src="images/focus/title_bg.jpg" alt="">
                <h2><a href="#"><span>❄</span> 建筑工程学院</a></h2>
                <dl>
                    <dt>
                        <a href="">土木工程</a>
                        <a href="">工程管理</a>
                        <a href="">交通工程</a>
                        <a href="">建筑电气与智能化</a>
                        <a href="">测绘工程</a>
                        <a href="">国土资源调查与管理</a>
                    </dt>
                    <dt>
                        <a href="">工程造价</a>
                        <a href="">城乡规划</a>
                        <a href="">自动化</a>
                        <a href="">道路桥梁工程技术</a>
                        <a href="">地理信息科学</a>
                        <a href="">建筑工程技术</a>
                    </dt>
                </dl>
            </li>
            <li>
                <img src="images/focus/title_bg.jpg" alt="">
                <h2><a href="#"><span>❄</span> 马克思主义学院</a></h2>
                <dl>
                    <dt>
                        <a href="#">思想政治教育</a>
                    </dt>
                </dl>
            </li>
        </ul>
        <ul>
            <li>
                <img src="images/focus/title_bg.jpg" alt="">
                <h2><a href="#"><span>❄</span> 国际教育学院</a></h2>
                <dl>
                    <dt>
                        <a href="#">中德本硕</a>
                        <a href="#">中英本硕</a>
                    </dt>
                    <dt>
                        <a href="#">中西本硕</a>
                        <a href="#">中泰本硕</a>
                    </dt>
                </dl>
            </li>
            <li>
                <img src="images/focus/title_bg.jpg" alt="">
                <h2><a href="#"><span>❄</span> 艺术设计学院</a></h2>
                <dl>
                    <dt>
                        <a href="#">动漫设计</a>
                        <a href="#">产品设计学</a>
                    </dt>
                    <dt>
                        <a href="#">艺术设计学</a>
                        <a href="#">建筑装饰工程</a>
                    </dt>
                </dl>
            </li>
            <li>
                <img src="images/focus/title_bg.jpg" alt="">
                <h2><a href="#"><span>❄</span> 鼎利学院</a></h2>
                <dl>
                    <dt>
                        <a href="#">通信工程</a>
                        <a href="#">电子商务</a>
                        <a href="#">大数据技术与应用</a>
                        <a href="#">互联网金融</a>
                    </dt>
                    <dt>
                        <a href="#">机械制造与自动化</a>
                        <a href="#">机电一体化</a>
                        <a href="#">移动通信技术</a>
                        <a href="#">电子商务技术</a>
                    </dt>
                </dl>
            </li>
            <li>
                <img src="images/focus/title_bg.jpg" alt="">
                <h2><a href="#"><span>❄</span> 现代服务产业学院</a></h2>
                <dl>
                    <dt>
                        <a href="#">英语</a>
                        <a href="#">翻译</a>
                        <a href="#">学前教育</a>
                    </dt>
                    <dt>
                        <a href="#">商务英语</a>
                        <a href="#">数字媒体技术</a>
                        <a href="#">休闲体育</a>
                    </dt>
                </dl>
            </li>
        </ul>
    </div>
</main>
<!-- 页脚 -->
<footer style="margin-top: 50px;">
    <div class="footCopy left">
        <div class="container">
            <p>版权所有 © 西南科技大学城市学院</p>
            &emsp; | &emsp;
            <p>地址：绵阳市游仙区三星路11号</p>
            &emsp; | &emsp;
            <p>邮编：100871</p>&emsp; | &emsp;
            <p>蜀ICP备10208837</p>
            &emsp; | &emsp;
            <p>蜀公网安备 110402430047 号</p>
        </div>
    </div>
</footer>
<script>
    // 吸顶灯效果
    window.onscroll = () => {
        // 获取滚动条高度
        let barTop = document.documentElement.scrollTop || document.body.scrollTop;
        // 获取页头部分
        let headNav = document.querySelector("header");
        if(barTop >= 5){
            headNav.className = "bar";
        }else{
            headNav.className = "";
        }
    };
</script>
</body>
</html>